<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css"></style>
</head>
<body>
    <h1>AJAX  封装</h1>
    <hr>

    <div id="box"></div>

    <script>
        function ajax(url, callback) {
            var xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function() {
                if (xhr.status == 200 && xhr.readyState == 4) {
                    var result = xhr.responseText;
                    // return result;
                    // 调用 预先准备好的函数
                    // processData(result);
                    callback(result); // 调用 回调函数
                }
            }
            xhr.open('get', url, true);
            xhr.send();
            // return result;
        }

        // console.log(ajax('./php/7.php'));
        
        // function processData(result) {
        //     alert(result);
        // }
        // ajax('./php/7.php');
        
        // function processData1(result) {
        //     alert(result);
        // }
        // function processData2(result) {
        //     console.log(result);
        // }
        // ajax('./php/7.php', processData1);
        // ajax('./php/7.php', processData2);
        

        ajax('./php/7.php', function(result){
            console.log(result);
        });

        ajax('./php/7.php', function(result){
            box.innerHTML = '<font color="red" size="7">'+result+'</font>'
        });
        
    </script>
</body>
</html>